extends tpl/index.pug
include tpl/basic.pug

append vars
    - var title ="案例"

append style
    link(rel="stylesheet", href="style/breeze.css")
    link(rel="stylesheet", href="lib/swiper.min.css")

block page
    .header.in-header
        .s-top
            +dh()
        .b-title
            | 清风广陵
            p 中共扬州市广陵区纪委 扬州市广陵区监察局 主办
    .b-container
        .b-content1
            img(src="../image/computer.png")
            .project-bg
                .pb-title
                    span.pb-line
                    span.pb-title1 项目背景
                    span.pb-line
                    p BACKGROUND
                .pb-content
                    p 清风广陵是由中共广陵区纪委，广陵区监察局主办用于维护党的章程和其他党内法规，检查党的路线、方针、政策和决议的执行情况，协助党的委员会加强党风建设和组织协调反腐败工作的门户网站。
                    p 这次与广陵区纪委合作，飓风UCD提供整体（包括PC端、APP）一体化的设计方案，全面改变清风广陵平台的交互体验和整体设计，创建一流的纪委反复平台，服务包括简易自然的交互使用体验、扁平化的流程以及高识别度的视觉等。整体设计采取扬州古典元素融合现代化的设计手法，舍弃了以往此类网站红蓝惯用配色在视觉上更自然和谐，符合和谐社会的主旨。
        .b-content2
            .prototype-design
                | 在项目开始之前我们对需求进行了详细的调研并对用户进行访谈。我们利用视觉手法，在专业严谨的品牌形象中，加入了生动有趣的场景式插画，在不经意间得到惊喜和愉悦的动效设计。
        .b-content3
            .presentation
                | 网站端界面是用户访问清风广陵的重要渠道，在互联网+政务的大背景下我们精心雕琢每一个界面每一张banner希望给予用户最佳的浏览体验。我们在设计风格上力求克制，弱化“设计感”，尊重清风广陵的专业度并对知识结构进行重组，希望用最直接的渠道为用户展现设计的本质精神。
        .b-content4
            .mobile-page
                | 移动APP浪潮下，互联网+政务也与时俱进，方便用户可以通过微信平台在线实名举报腐败份子。只需要简单4个步骤，后台就能立刻受到举报信息，把移动互联网与反腐开创性的结合在一起。在视觉设计上我们遵循微信设计规范，位用户提供良好的浏览体验。
    .theend
        .most-con.clearfix
            a.prev(href="/showcase.html") 上一个案例
            a.next(href="/casehuiauto.html") 下一个案例
    .case-li
        .swi
            .swiper-container
                .swiper-wrapper
                    -for (var i=1;i<4;i++)
                        .swiper-slide
                            a(href="javascript:;")
                                img(src="image/netletter/swipe-0" + i + ".png", alt="")
                                .op
                                    .title
                                        span 门户网站
                                    .msg 门户网站
            .btn-bu
                .swiper-button-next.pr
                .swiper-button-prev.ne

    append script
        script(src="lib/jquery.min.js")
        script(src="lib/swiper.min.js")
        script(src="js/index.js")